<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
  <child msg="hello world" msg2="hello vue3" @costom-event="handle">
    <template #aaa>
      <em>我是插槽</em>
    </template>
  </child>

</template>

<script lang="ts">
import { defineComponent, reactive } from 'vue';
import Child from "./Child.vue"
export default defineComponent({
  name:'AboutView',
  components:{
      Child
  },
  setup(){
      const state=reactive({
            
      })
      const handle=(val: any)=>{
            console.log(val);
      }

    return{
      state,
      handle
    }
  }
 
})
</script>

<style>

</style>

